<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a="http://richfaces.org/a4j"
    template="layout/templateLogin.xhtml">
    
    <style type="text/css">
		ul {
			margin: 0;
			padding: 0;
			list-style: none;
			line-height: normal;
		}
		
		li {
			margin-bottom: 1px;
		}
		
		li ul {
			margin: 0px;
			padding: 0px 0px 40px 0px;
		}
		
		li li {
			margin: 0;
			padding: 7px 0px;
			border: none;
			background: url(images/img10.jpg) repeat-x left bottom;
			font-family: Tahoma, Geneva, sans-serif;
		}
		
		li li a {
			background: url(images/img11.jpg) no-repeat left 3px;
			padding-left: 20px;
		}    
    
    </style>

<ui:define name="body">

	<div class="post">
		<div class="post-bgtop">
			<div class="post-bgbtm">
				<h2 class="title"><a href="#">Bem-vindo à área do cliente Petit Ami.</a></h2>
	             <div class="entry">
					<div id="loginPage">
						<br/><br/>
						Aqui você encontrará serviços on-line exclusivos, tais como:
						<br/><br/>
						<ul>
							<li>
								<h:outputText value="    Histórico de serviços e produtos;" />
							</li>
							<li>
								<h:outputText value="    Emissão de recibos;" />
							</li>
							<li>
								<h:outputText value="    Impressão de contratos de pacote;" />
							</li>
							<li>
								<h:outputText value="    Agendamento de serviços on-line;" />
							</li>
						</ul>
						<br/><br/><br/>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div class="post">
		<div class="post-bgtop">
			<div class="post-bgbtm">
				<h2 class="title"><a href="#">Faça login aqui.</a></h2>
				<h:messages id="messages" globalOnly="true" styleClass="message"
				    errorClass="errormsg" infoClass="infomsg" warnClass="warnmsg"
				    rendered="#{showGlobalMessages != 'false'}"/>
	            <div class="entry">
				    <h:form id="loginForm">
				    	<h:panelGrid columns="2" rowClasses="prop" columnClasses="name,value">
			                <h:outputLabel for="username">Usuário (E-mail)</h:outputLabel>
			                <h:inputText id="username" required="true" size="60"
			                              value="#{credentials.username}"/>
			                <h:outputLabel for="password">Senha</h:outputLabel>
			                <h:inputSecret id="password" maxlength="8" value="#{credentials.password}"/>
		                </h:panelGrid>
		                <div class="actionButtons">
				            <h:commandButton id="submit" value="Login" action="#{identity.login}">
					            <a:queue ignoreDupResponses="true"
					             	requestDelay="100"/>
				             </h:commandButton>
				        </div>
		                <br/>
		                <p>
		           		<h:commandLink action="esqueciSenha" value="Esqueci minha senha" immediate="true"/><br/>
		           		<h:commandLink action="novoCliente" value="Novo cliente? Clique aqui!" immediate="true"/>
		                </p>
				    </h:form>
	            </div>
			</div>
		</div>
	</div>
						
    <div class="post">
		<div class="post-bgtop">
			<div class="post-bgbtm">
	            <div class="entry">
	            	<p>
		                <strong>IMPORTANTE:</strong> Caso você já seja nosso cliente e ainda não possua login, entre em 
		                <a href="contato.seam">contato</a>  
		                com o nosso atendimento e solicite já a sua senha. 
	                </p>
	            </div>
	       	</div>
	   	</div>
	</div>
		
 </ui:define>
</ui:composition>
